<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE unspecified PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<title>福和科技有限责任公司管理系统</title>
<head>
<script src="js/jquery.min.js" type="text/javascript"></script>
<link href="css/zhu/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<link href="css/zhu/houtai.css" rel="stylesheet">
<script type="text/javascript">
	$(function() {
		//消除切换面板时多个按钮同时被激活的情况
		$(".panel-title").click(function() {
			$(".check-panel").removeClass("active")
		})
	})
</script>
</head>
<body>
	<!--
        	作者：offline
        	时间：2017-10-30
        	描述：后台头部
        -->
	<div class="header">
		<div class="header_logo">
			<a href=""><img src="img/houtai/houtaitup.png" /></a>
		</div>
		<div class="header_title">
			福和科技有限责任公司管理系统
		</div>
		<div class="header_rg">
			<div class="header_rg_ct">
				<span class="time">  </span>
			</div>
			<div class="header_right">
				<ul>
					<li style="margin-top: -5px;"><a href="adminexit">退出</a></li>
					<li><img src="img/houtai/touxiang.png" /> 你好，${loginadmin.name}</li>
				</ul>
			</div>
		</div>
	</div>
	<div id="down">
		<div class="panel-group" id="down-left">
			<!-- 管理员管理 -->
			<div class="panel panel-default">
				<div class="panel panel-heading">
					<h4 class="panel-title">
						<a href="#one" data-toggle="collapse" data-parent="#down-left">管理员模块</a>
					</h4>
				</div>
				<div id="one" class="panel-collapse collapse in">
					<div class="panel-body">
						<ul class="nav nav-pills nav-stacked  nav-tabs">
							<li class="active check-panel"><a href="#a11" data-toggle="tab">管理员</a>
							</li>
							<li class="check-panel"><a href="#a22" data-toggle="tab">角色管理</a></li>
							<li class="check-panel"><a href="#a33" data-toggle="tab">权限分配</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 用户管理 -->
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a href="#two" data-toggle="collapse" data-parent="#down-left">用户管理</a>
					</h4>
				</div>
				<div id="two" class="panel-collapse collapse">
					<div class="panel-body">
						<ul class="nav nav-pills nav-tabs nav-stacked">
							<li class="check-panel"><a href="#b11" data-toggle="tab">用户列表</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 订单管理 -->
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a href="#Thr" data-toggle="collapse" data-parent="#down-left">订单管理</a>
					</h4>
				</div>
				<div id="Thr" class="panel-collapse collapse">
					<div class="panel-body">
						<ul class="nav nav-pills nav-tabs nav-stacked">
							<li class="check-panel"><a href="#c11" data-toggle="tab">预约订单</a></li>
							<li class="check-panel"><a href="#c22" data-toggle="tab">订单</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 车辆管理 -->
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<!-- 菜单名 -->
						<a href="#car" data-toggle="collapse" data-parent="#down-left">车辆管理</a>
					</h4>
				</div>
				<div id="car" class="panel-collapse collapse">
					<div class="panel-body">
						<ul class="nav nav-pills nav-tabs nav-stacked">
							<!-- 右边的页面 -->
							<li class="check-panel"><a href="#showcar" data-toggle="tab">车辆列表根据门店！</a></li>
							<li class="check-panel"><a href="#addcar" data-toggle="tab">添加新车</a></li>
							<li class="check-panel"><a href="#brandtype" data-toggle="tab">品牌类型</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 右边的页面  -->
		<div id="down-right-a" class="tab-content">
			<!-- 管理员管理 -->
			<div id="a11" class="tab-pane fade in active">
			<jsp:include page="adminrmanage.jsp"></jsp:include>
			</div>
			<!-- 角色管理 -->
			<div id="a22" class="tab-pane fade">
			<jsp:include page="rolemanagement.jsp"></jsp:include>
			</div>
			<div id="a33" class="tab-pane fade">
				<jsp:include page="power.jsp"></jsp:include>
			</div>
			<!-- 会员管理 -->
			<div id="b11" class="tab-pane fade">
				<jsp:include page="Administrators.jsp"></jsp:include>
			</div>
			<!-- 预约订单 -->
			<div id="c11" class="tab-pane fade">
				<jsp:include page="Order.jsp"></jsp:include>
			</div>
			<!-- 订单 -->
			<div id="c22" class="tab-pane fade">
			<jsp:include page="Orders.jsp"></jsp:include>
			</div>
			
			<!-- 车辆管理 -->
			<div id="showcar" class="tab-pane fade">
				<!--车辆列表根据门店！ -->
			<jsp:include page="ShowCar.jsp"></jsp:include>
			</div>
				<!-- 添加新车 -->
			<div id="addcar" class="tab-pane fade">
			<jsp:include page="AddCar.jsp"></jsp:include>
			</div>
				<!-- 品牌类型 -->
			<div id="brandtype" class="tab-pane fade">
			<jsp:include page="BrandType.jsp"></jsp:include>
			</div>
		
		</div>
	</div>
</body>
</html>

